<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Untree.co">

    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
    <link href="static/css/css2.css" rel="stylesheet">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="static/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="static/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/flaticon.css">
    <link rel="stylesheet" href="static/css/aos.css">
    <link rel="stylesheet" href="static/css/style1.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <title>Truehope</title>
</head>
<script>
    function login() {
        // 从localStorage取出账户密码
        var username = localStorage.getItem("username")
        var password = localStorage.getItem("password")
        if (username != null && password != null) {
            var userData = {
                phone: username,
                password: password
            };
            $.ajax({
                url: 'http://127.0.0.1:8080/user/login',
                type: 'POST',
                contentType: 'application/json',
                data: JSON.stringify(userData),
                success: function (response) {
                    if (response.code == 200) {
                        localStorage.setItem("username", response.username)
                        localStorage.setItem("password", password)
                        localStorage.setItem("verify", response.username)
                        window.location.href = 'home.html'
                    } else {
                        alert("请输入账户密码")
                        localStorage.clear()
                        window.location.href = 'login.html'
                    }
                },
                error: function (xhr, status, error) {
                    console.error(error);
                }
            });
        } else {
            window.location.href = 'signin.html'
        }
    }

    // 获取按钮和内容元素
    function kxyj() {
        const content1 = document.getElementById('content1');
        const content2 = document.getElementById('content2');
        content1.style.display = 'none'
        content2.style.display = 'block';

    }

    function yyzs() {
        const content1 = document.getElementById('content1');
        const content2 = document.getElementById('content2');
        content2.style.display = 'none'
        content1.style.display = 'block'

    }
</script>
<script>
    $(document).ready(function () {
        $('#loginForm').submit(function (e) {
            e.preventDefault();

            var username = $('#username').val();
            var phone = $('#phone').val();
            var email = $('#email').val();
            var address = $('#address').val();
            var remark = $('#remark').val();

            var userData = {
                username: username,
                phone: phone,
                email: email,
                address: address,
                remark: remark
            };
            $.ajax({
                url: 'http://127.0.0.1:8080/user/sendRemark',
                type: 'POST',
                contentType: 'application/json',
                data: JSON.stringify(userData),
                success: function (response) {
                    if (response.code == 200) {
                        alert("留言成功")
                        window.location.href = 'index.html'
                    } else {
                        alert("留言失败")
                    }
                },
                error: function (xhr, status, error) {
                    console.error(error);
                }
            });
        });
    });

</script>

<body data-spy="scroll" data-target=".site-navbar-target" data-offset="100">
    <div style="background-color: rgb(195, 199, 202); width: 100%; font-size: 8px;padding-left: 135px; color: #3f4241;">
        欢迎来到心理健康服务平台</div>
    <div class="site-mobile-menu site-navbar-target">
        <div class="site-mobile-menu-header">
            <div class="site-mobile-menu-close">
                <span class="icofont-close js-menu-toggle"></span>
            </div>
        </div>
        <div class="site-mobile-menu-body"></div>
    </div>
    <nav class="site-nav dark js-site-navbar mb-5 site-navbar-target" style="background-color: #276CEE;">
        <div class="container">
            <div class="site-navigation">
                <a href="index.html" class="logo m-0 float-left" style="color: #fff;">Truehope</a>
                <ul class="js-clone-nav d-none d-lg-inline-block site-menu float-left">
                    <li class="active"><a href="index.html" style="color: #fff;" class="nav-link">网站首页</a></li>

                    <li class="has-children">
                        <a href="#" class="nav-link" style="color: #fff;">关于我们</a>
                        <style>
                            ul .dropdown {
                                text-align: center;

                            }

                            .site-nav .site-navigation .site-menu .has-children .dropdown {
                                background-color: #d9e4f0;
                                text-align: left;
                                width: 90px;
                                height: 80px;
                            }

                            .site-nav .site-navigation .site-menu .has-children .dropdown a {
                                font-size: 12px;
                            }

                            .site-nav .site-navigation .site-menu .has-children .dropdown>li>a {
                                top: -10px;
                                margin-top: 1px;
                            }
                        </style>
                        <ul class="dropdown">
                            <li><a href="#wzjj-section" class="nav-link">网站简介</a></li>
                            <li><a href="#czls-section" class="nav-link">成长历史</a></li>
                        </ul>
                    </li>


                    <li class="has-children">
                        <a href="#cpjs-section" style="color: #fff;" class="nav-link">产品介绍</a>
                        <ul class="dropdown">
                            <li><a href="#cpjs-section" class="nav-link">我的产品</a></li>
                        </ul>
                    </li>

                    <li><a href="#yyzsAndKxyj-section" style="color: #fff;" class="nav-link">科学研究</a></li>
                    <li><a href="#yyzsAndKxyj-section" style="color: #fff;" class="nav-link">营养知识</a></li>
                    <li><a href="#khgy-section" style="color: #fff;" class="nav-link">客户感言</a></li>
                    <li><a href="#zsxwjh-section" style="color: #fff;" class="nav-link">真实希望计划</a></li>
                    <li><a href="#lxwm-section" style="color: #fff;" class="nav-link">联系我们</a></li>
                </ul>
                <style>
                    button {
                        /* 添加与 Element Plus el-button type="primary" 相同的样式 */
                        background-color: #f6f7f8;
                        /* 设置背景颜色 */
                        color: #2584e4;
                        /* 设置文字颜色 */
                        border: 1px solid #2584e4;
                        /* 设置边框样式 */
                        padding: 8px 16px;
                        /* 设置内边距 */
                        border-radius: 1px;
                        /* 设置圆角 */
                        cursor: pointer;
                        /* 设置鼠标样式为手型 */
                        font-size: 13px;

                    }

                    button:focus {
                        outline: none;
                    }

                    button:hover {
                        background-color: #e4ece8;
                        color: #202020;
                    }
                </style>
                <ul class="js-clone-nav d-none mt-1 d-lg-inline-block site-menu float-right">
                    <li class="cta-primary"><button onclick="login()">登 录</button></li>
                </ul>
                <a href="#"
                    class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block dark d-lg-none"
                    data-toggle="collapse" data-target="#main-navbar">
                    <span></span>
                </a>
            </div>
        </div>
    </nav>

    <div class="untree_co-section pb-0" id="home-section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="untree_co-section" id="wzjj-section" style="background-color: #DFF1FF;">


                        <div class="container">
                            <div class="row justify-content-between">
                                <div class="col-lg-4">
                                    <h3><span class="mb-4" data-aos="fade-up" data-aos-delay="100"
                                            style="color: #2564F3;">心理健康</span>是幸福保障</h3>
                                    <br>
                                    <div class="mb-4" data-aos="fade-up" data-aos-delay="200">
                                        <p style="font-size: 12px;">心理健康问题已经成为全球性的挑战，影响着成千上万的人们</p>
                                        <p style="font-size: 9px; color: rgb(172, 168, 168);">Psychological health
                                            problems have become global challenges, affecting thousands of people</p>
                                            <br><br><br><br><br><br><br><br><br>
                                            <p style="font-size: 13px; color: black;">查看更多 →</p>
                                    </div>
                                </div>
                                <script
                                    src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
                                <script>
                                    // 启动轮播图自动播放
                                    var myCarousel = document.getElementById('carouselExample');
                                    var carousel = new bootstrap.Carousel(myCarousel, {
                                        interval: 1500 // 设置自动切换的时间间隔，单位为毫秒
                                    });
                                </script>
                                <div class="col-lg-7">
                                    <div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
                                        <div class="carousel-inner">
                                            <div class="carousel-item active">
                                                <img src="static/image/we.jpg" class="d-block w-100" alt="Image 1">
                                            </div>
                                            <div class="carousel-item">
                                                <img src="static/image/we.jpg" class="d-block w-100" alt="Image 2">
                                            </div>
                                            <div class="carousel-item">
                                                <img src="static/image/we.jpg" class="d-block w-100" alt="Image 3">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="untree_co-section" style="background-color: #E8F4FF;">
                        <div class="container">
                            <div class="row justify-content-between">
                                <div class="col-lg-4">
                                    <h5 class=" mb-4" data-aos="fade-up" data-aos-delay="100" style="color: black;">
                                        心理健康问题已经
                                        <br>
                                        成为全球性的挑战</h5>
                                        <br><br><br><br>
                                    <div class="mb-4" data-aos="fade-up" data-aos-delay="200">
                                        <p style="font-size: 14px; color: black;">Truehope 的成立是为了通过设计和应用基于证据的产品和专业质量计划来设定和定义真正治愈的全球标准</p>
                                    </div>
                                </div>
                                <div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">
                                    <p style="font-size: 12px;" >
                                        心理健康问题已经成为全球性的挑战，影响着成千上万的人们。这些问题涵盖了广泛的领域，包括多动症、焦虑、自闭症、双相情感障碍、沮丧和强迫症，每个问题都具有其独特的症状和特征。然而，它们都有一个共同点，那就是它们可能对个体的生活产生深远的负面影响，同时也对社会产生了各种各样的挑战。
                                        <br><br>
                                        据世界卫生组织在2022年发布的全球精神健康报告中指出，全球近10亿人患有精神障碍，包括14%的青少年在内。其中焦虑疾病的患者高达31%，而患有抑郁疾病的患者也高达29%。另外在多动症，发育障碍，自闭症，饮食失调以及躁郁症等疾病方面也有高达11%的患者。令人忧虑的是这个数字每年都在以倍数增加。
                                        <br><br>
                                        药物治疗在许多情况下是治疗心理健康问题的直接方法。然而，它们也可能带来一系列负面影响。例如，多动症患者可能需要使用药物来提高注意力和控制冲动，但这些药物可能导致失眠和食欲减退等不适。对于焦虑症患者来说，抗抑郁药和抗焦虑药可以减轻症状，但可能会产生依赖性和戒断症状。自闭症患者可能会用药来管理与症状相关的问题，但药物的副作用可能引发其他健康问题。双相情感障碍、沮丧和强迫症患者也可能面临与药物治疗相关的各种挑战。
                                       </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="untree_co-section" id="czls-section" style="background-color: #fff;">
                        <div class="container">
                            <div class="row justify-content-between">

                                <div class="col-lg-5" data-aos="fade-up" data-aos-delay="400">
                                    <span class="wrap-icon-play">
                                    </span>
                                    <img src="static/image/we1.jpg" alt="Image" class="img-fluid img-shadow">
                                    </a>
                                </div>
                                <div class="col-lg-5" style="text-align: right;">
                                    <style>
                                        .beginAndRed {
                                            display: inline-block;
                                            /* 将标题设置为内联块元素 */
                                            position: relative;
                                            /* 设置相对定位，以便后续绝对定位横杠 */
                                        }

                                        .beginAndRed::before {
                                            content: "";
                                            position: absolute;
                                            /* 绝对定位横杠 */
                                            top: 50%;
                                            /* 将横杠垂直居中 */
                                            left: -60px;
                                            /* 调整横杠与标题之间的距离 */
                                            width: 50px;
                                            /* 设置横杠的宽度 */
                                            height: 2px;
                                            /* 设置横杠的高度 */
                                            background-color: red;
                                            /* 设置横杠的颜色 */

                                        }
                                    </style>
                                    <h4 class=" mb-4 beginAndRed" data-aos="fade-up" data-aos-delay="100">一切的起点</h4>
                                    <div class="mb-4" data-aos="fade-up" data-aos-delay="200">
                                        <p style="font-size: 12px;">
                                            一切的起点是黛博拉，安东尼·斯蒂芬的妻子，她在与躁郁症斗争了长达十年后，追随父亲的脚步，永远地离开了我们。如今，安东尼成为他们十个孩子唯一的抚养者，其中两个孩子，约瑟夫和奥特姆，遗传了母亲的疾病。然而，安东尼很快发现，对他妻子无效的精神科药物也对他的孩子们无效。

                                            <br><br>

                                            看着孩子们走上一条充满痛苦的老路，而唯一的可能是毁灭，安东尼转向上帝，拼命祈求一个答案。数月的频繁冥想和祈祷后，答案终于降临。1995年11月，他了解到维生素和矿物质曾被用于治疗类似的动物疾病。
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 1111 -->

                    <div class="untree_co-section" id="cpjs-section" style="background-color: #E1EBF3;">
                        <div class="container">
                            <style>
                                .productAndBlue {
                                    top: -50px;
                                    display: inline-block;
                                    /* 将标题设置为内联块元素 */
                                    position: relative;
                                    /* 设置相对定位，以便后续绝对定位横杠 */
                                }

                                .productAndBlue::after {
                                    content: "";
                                    position: absolute;
                                    top: 50%;
                                    left: 90px;
                                    /* 调整横杠与文本之间的距离 */
                                    width: 60px;
                                    height: 2px;
                                    background-color: blue;
                                    transform: translateY(-50%);
                                    /* 将横杠垂直居中 */

                                }
                            </style>
                            <h5 class=" productAndBlue" data-aos="fade-up" data-aos-delay="100">产品介绍</h5>
                            <br><br>
                            <div class="row justify-content-between">
                                <script>
                                    // 使用Ajax请求获取数据
                                    $.ajax({
                                        url: 'http://localhost:8080/user/productList',
                                        type: 'post',
                                        success: function (data) {
                                            // 数据成功返回后的处理逻辑
                                            data.forEach(function (entity, index) {
                                                // 创建新的a标签
                                                var newLink = $('<a href="#" style="color:black;font-size: 10px;"  class="link horizontal d-flex"></a>');

                                                // 创建新的div容器
                                                var newDiv = $('<div id="cp' + (index + 1) + '-section"></div>');

                                                // 创建新的h3标签并填充内容
                                                var newH3 = $('<h3 style="color:#882525;">' + entity.name + '</h3>');
                                                
                                                // 创建新的p标签并填充内容
                                                var newP = $('<p style="color:black;font-size: 13px;">' + entity.text + '</p>');
                                                // var br = $('<br><br>')
                                                // 将h3和p标签添加到div容器中
                                                newDiv.append(newH3);
                                                newDiv.append(newP);
                                                // newDiv.append(br);
                                                // 将div容器添加到a标签中
                                                newLink.append(newDiv);
                                                // 将新的a标签添加到指定的父元素中
                                                $('.productList').append(newLink);

                                                var spanText = (index + 1) + "/" + data.length;
                                                var spanElement = $("<span class='number'>" + spanText + "</span>");

                                                // 创建img标签，设置src为当前item的image属性
                                                var imgElement = $("<img src='" + entity.image + "' alt='Image' class='img-fluid' style='height:400px'>");
                                                var newItemDiv = $("<div class='item'></div>");
                                                newItemDiv.append(spanElement); // 将span元素添加到新div中
                                                newItemDiv.append(imgElement); // 将img元素添加到新div中

                                                // 将新的div元素添加到指定的父元素中
                                                $('.productImage').append(newItemDiv);

                                            });
                                        },
                                        error: function () {
                                            console.log('获取数据时出错');
                                        }
                                    });
                                </script>

                                <div class="col-lg-4  js-custom-dots productList">
                                </div>
                                <div class="col-lg-6">
                                    <div class="img-shadow"> 
                                        <!-- 设置图片的显示长度，如果不设置图片有多大就会把该模块撑多大 -->
                                        <!-- style="height: 450px;" -->
                                        <div class="owl-single  owl-carousel productImage" style="height: 430px;">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 1111 -->
                    <div class="untree_co-section zsp" id="yyzsAndKxyj-section" style="background-color:#f2dddd">
                        <div class="container">
                            <a class="handByBlue" onclick="yyzs()">营养知识</a>
                            <a class="handByBlue" onclick="kxyj()">科学研究</a>
                            <div class="row mb-5">
                                <div class="col-lg-12 text-left">
                                    <style>
                                        .handByBlue {
                                            cursor: pointer;
                                            color: initial;
                                        }

                                        .handByBlue:hover {
                                            font-size: 18px;
                                            color: rgb(67, 67, 234) !important;
                                        }
                                    </style>
                                      <style>
                                            .zsp{
                                                padding: 30px 10px;
                                            }       
                                      </style>
                                    <div id="content1">
                                        <div class="untree_co-section zsp" id="czls-section">
                                            <div class="container">
                                                
                                                <div class="row justify-content-between">
                                                    <div class="col-lg-5" data-aos="fade-up" data-aos-delay="400">
                                                        <br><br><br><br>
                                                        <img src="static/image/food.png" alt="Image"
                                                            class="img-fluid img-shadow">
                                                        </a>
                                                    </div>
                                                    <div class="col-lg-5" style="color: black;">
                                                        <br>
                                                        <h5 class=" mb-4" data-aos="fade-up" data-aos-delay="100">
                                                            为什么我们的食物缺乏营养？ </h5>
                                                        <br>
                                                        <div class="mb-4" data-aos="fade-up" data-aos-delay="200">
                                                            <p style="font-size: 10px;">
                                                                小时候，我们都学到了要多吃水果和蔬菜，因为它们有益于健康。但你有没有思考过为什么这些食物对我们如此重要？答案很简单，它们富含我们身体正常运转所需的必要营养素。
                                                                <br><br>
                                                                然而，现代食品生产技术却导致了水果和蔬菜中营养成分的显著减少。在这篇文章中，我们将讨论为何我们的食物变得缺乏营养，以及如何确保我们获得必要的营养。
                                                                <br><br>
                                                                过度烹饪：过度烹饪是导致食物缺乏营养的另一个原因。许多必要的维生素和矿物质对高温敏感，因此在烹饪过程中可能会被损失。烹饪方法，如煮、炸和微波加热，通常会减少食物中的必要营养成分。食用生食或轻微加工的蔬菜有助于保留其中的重要营养成分和健康益处。
                                                                <br><br>
                                                                长途运输：我们的食品通常需要长途运输，从种植地到全球各地的消费地。这导致水果和蔬菜在完全成熟之前就被采摘，以确保它们在长途运输中保持品质。然而，这也导致了营养素的流失。收获和消费之间的时间越长，食物中的营养素流失就越多。
                                                                <br><br>
                                                                基因改造：随着科技和基因改造的进步，农业生产者更关注生长迅速和抗虫抗病特性的农作物，而忽视了它们的营养价值。因此，大多数现代农作物缺乏关键的维生素和矿物质。
                                                                <br><br>
                                                                加工食品：加工食品在许多人的饮食中占据主导地位。这些方便的食品通常富含高热量、高钠和不健康的脂肪，但却缺乏营养价值。避免食用加工食品，如面包、饼干、薯条和加糖谷物，有助于维持健康的饮食习惯。
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="content2" style="display: none;">
                                        <div class="untree_co-section" id="czls-section">
                                            <div class="container">
                                                <div class="row justify-content-between">
                                                    <div class="col-lg-6">
                                                        <span class="wrap-icon-play">
                                                        </span>
                                                        <img src="static/picture/dashboard.jpg" alt="Image"
                                                            class="img-fluid img-shadow">
                                                        </a>
                                                    </div>
                                                    <div class="col-lg-5">
                                                        <h4 class=" mb-4">科学研究内容</h4>
                                                        <div class="mb-4">
                                                            <p style="font-size: 8px;"> 研究</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 1111 -->

                    <div class="untree_co-section" id="zsxwjh-section" style="background-color: rgb(224, 224, 224);">
                        <div class="container">
                            <div class="row">
                                <div class="col-12 mb-5" data-aos="fade-up" style="text-align: center;">
                                    <h2>20 多年来
                                        <p style="font-size: 16px;">我们一直致力于与超过 200,000 人合作，帮助他们克服诊断并恢复生活</p>
                                    </h2>
                                </div>
                                <div class="col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="0">
                                    <div class="service">
                                        <div class="service-contents">
                                            <h3 style="text-align: center; color: rgb(128, 20, 20);">过渡</h3>
                                            <p style="font-size: 12px;"> 真实希望的旗舰配方EMPower Plus 将成为您计划的基石。这种独特的高品质混合物含有
                                                36
                                                种不同的维生素、矿物质、氨基酸和抗氧化剂，并已被证明可以减轻最具侵入性的症状。
                                                <br>
                                                <br>
                                                正在服用药物？
                                                <br>
                                                停药可能会产生令人不适的戒断反应，但真实希望的 Freeminos 可以为您提供帮助。强烈建议将此产品与EMPower
                                                Plus一起使用，以镇静和缓解过渡期间的症状。
                                                <br>
                                                <br>
                                                氨基酸对于体内制造酶、神经递质和激素至关重要，可帮助您温和地消除体内药物，从而提高 EMPower Plus 的成功率。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="100">
                                    <div class="service">
                                        <div class="service-contents">
                                            <h3 style="text-align: center; color: rgb(128, 20, 20);">支持</h3>
                                            <p style="font-size: 12px;"> 我们的微量营养素支持团队在 Truehope Canada 拥有训练有素的员工，每月只需 35
                                                美元，即可为您和您的医生过渡到
                                                EMPowerplus 提供支持。
                                                <br><br>
                                                ​我和我的团队成员都拥有丰富的经验，为不同的症状提供必要的支持，并与您一起调整您的治疗体验。
                                                <br><br>
                                                您和您的医生可以致电1-403-971-7610或电邮maonuye@hotmail.com或微信ye627322754给我和我的微量营养素支持团队，以制定您的个性化健康计划并讨论可能需要的任何调整。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="200">
                                    <div class="service">
                                        <div class="service-contents">
                                            <h3 style="text-align: center; color: rgb(128, 20, 20);">完善</h3>
                                            <p style="font-size: 12px;">
                                                一个人可能会发现他们的情况非常具体并且与其他人不同，这就是为什么我们提供一系列具有特定需要的其他产品。根据您的个人需求，可能会向您推荐这些附加产品。以下是我们产品的一些示例以及它们如何提供帮助。
                                                <br><br>
                                                镇静功效
                                                <br>
                                                Truehope 肌醇通常用于快速缓解身体症状，例如惊恐发作、焦虑、压力或其他身体反应。由于其镇静作用，它对于放松人获得更好的睡眠非常有益。
                                                <br> <br>
                                                消化和吸收问题
                                                <br>
                                                Truehope OLE（橄榄叶提取物）可以杀死体内的酵母和其他病原体，并可以帮助您恢复健康的肠道、肠道和免疫系统。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 1111 -->
                    <div class="untree_co-section" id="khgy-section" style="background-color: #939090;">
                        <div class="container">
                            <script>
                                // 获取已审核留言列表
                                $.ajax({
                                    url: 'http://localhost:8080/user/getMessage?type=1',
                                    type: 'get',
                                    success: function (data) {
                                        // 数据成功返回后的处理逻辑
                                        data.forEach(function (item) {
                                            // 创建一个新的kehuganyan div
                                            var newDiv = $("<div class='col-6 col-lg-4' data-aos='fade-up' data-aos-delayt='100' style='text-align:center'></div>");

                                            // 创建img标签，设置src为当前item的image属性
                                            var imgElement = $("<img src='" + item.image + "' alt='Image' class='img-fluid mb-3 w-50 rounded-circle' style='height:150px'>");
                                            // 创建h3标签，设置文本为当前item的title属性
                                            var h3Element = $("<p>" + item.username + "</p>");

                                            // 创建p标签，设置文本为当前item的description属性
                                            var pElement = $("<p style='font-size: 10px;'>" + item.remark + "</p>");

                                            // 将img、h3和p添加到kehuganyan div中
                                            newDiv.append(imgElement);
                                            newDiv.append(h3Element);
                                            newDiv.append(pElement);
                                            $(".kehuganyan").append(newDiv);
                                        });
                                    },
                                    error: function () {
                                        console.log('获取留言数据时出错');
                                    }
                                });
                            </script>
                            <h3 class="heading">客户感言</h3>
                            <div class="row pt-5 kehuganyan">
                            </div>
                        </div>
                    </div>
                    <!-- 1111 -->
                    <div class="untree_co-section" id="lxwm-section" style="background-color: #cbcbcb; padding: 20px 0; display: flex; justify-content: center; align-items: center;"> <!-- 使用Flex布局水平和垂直居中 -->
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-7">
                                    <br>
                                    <p style="margin-left: 20%;font-size: 16px; color: #01020f;">联系我们</p><br><br>
                                    <style>
                                        .moveByForm{
                                            margin-left: 20%;
                                            width: 800px;
                                            height: 500px;
                                        }
                                    </style>
                                    <div class=" moveByForm" style="background-color: #f8f9fa; padding: 20px;"> 
                                        <p style="text-align: center;color: #515de1;">欢迎随时联系我们</p>
                                        <br>
                                        <form id="loginForm" class="contact-form text-center" data-aos="fade-up" data-aos-delay="100" style="text-align: center;">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" id="username" placeholder="姓名">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="phone" class="form-control" id="phone" placeholder="电话">
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <input type="email" class="form-control" id="email" placeholder="邮件">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" id="address" placeholder="地址">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="message">留言板</label>
                                                <textarea name="" class="form-control" id="remark" cols="30" rows="5"></textarea>
                                            </div>
                                            <button type="submit" class="btn btn-primary">发 送</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<!-- 最后 -->
<script src="static/js/jquery-3.4.1.min.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/jquery-migrate-3.0.1.min.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/popper.min.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/bootstrap.min.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/owl.carousel.min.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/jquery.easing.1.3.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/jquery.animateNumber.min.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/jquery.waypoints.min.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/jquery.fancybox.min.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/aos.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script src="static/js/custom.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script async="" src="static/js/js.js" type="f2858b5d0fd809fbb6a933e5-text/javascript"></script>
<script
    type="f2858b5d0fd809fbb6a933e5-text/javascript">window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "UA-166033648-1");</script>
<script src="static/js/rocket-loader.min.js" data-cf-settings="f2858b5d0fd809fbb6a933e5-|49" defer=""></script>

</html>